// webpack是node写出来的  node写法
let path = require('path')
let HtmlWebpackPlugin = require('html-webpack-plugin')  //html webpack的一个插件

module.exports = {
  devServer:{  //开发服务器配置
    port: 8080,
    progress:true, //显示进度条
    contentBase:'./build', //以指定目录来运行静态服务，以./build目录作为静态服务，能找到这个文件夹
    compress:true,//启动gzip压缩
  },
  mode: 'production', //模式默认两种  production，development
  entry: './src/index.js',
  output: {
    filename: 'bundle.[hash:8].js', //打包后的文件名
    path: path.resolve(__dirname,'build')  //必须是绝对路径，就是webpack.config.js目录下的dist目录。
  },
  plugins: [ //数组 放着所有webpack插件
    new HtmlWebpackPlugin({
      template: './src/index.html',
      filename: 'index.html',
      minify:{
        removeAttributeQuotes:true, //删除html标签属性的双引号
        collapseWhitespace: true, //折叠空行
      },
      hash: true // 增加哈希戳，script标签的src属性引用的js文件加上了?190d768ba42a0f901e8f这样的哈希值。如：src=bundle.js?190d768ba42a0f901e8f
    })
  ]
}